{extend name="base" /}
{block name="style"}
<style>
    .reset-block h3{ margin: 0; font-weight: bold;}
    .cur-date{ width: 15%;height:0;padding-bottom: 15%; margin:0 4%; font-size: 17px; background: #eee; text-align: center;}
    .cur-date h3{ font-weight: 400; margin-top: 20px; }
    .cur-date p{ text-align: center; font-size: 17px; }
    .cur-content{ width: 77%; }
    .cur-content .author{ line-height: 36px; margin-bottom: 30px; font-size: 15px; }
    .news-content img{ max-width:100%;margin:0 auto;display: block; }
    @media (max-width: 767px) {
        .cur-date{ width: 19%;padding-bottom: 18%; margin:0 2%; }
        .cur-date h3{ font-size: 18px; margin-top: 14px; }
        .cur-date p{ font-size: 14px; }
        .cur-content h3{ font-size: 15px; }
        .cur-content { font-size: 13px; }
        .cur-content .author{ margin-bottom: 15px; font-size: 13px; }
    }

    @media (min-width: 768px){
        .cur-date h3{ font-size: 40px; }
        .cur-content h3{ font-size: 20px; }
    }
    @media (min-width: 1200px) {
        .cur-date h3{ font-size: 60px; }
    }
</style>
{/block}
{block name="content"}
<section id="banner">
    <div class="banner-box">
        <img src="/assets/img/banner.png" >
    </div>
    <div class="detail detail-path hidden-xs">
        <div class="container">
            <div class="detail-home">
                <a href="/">
                    <img src="/assets/img/home.png" />
                </a>
                <a href="javascript:void(0)" id="main-title">新闻中心</a>&gt;
                <a href="javascript:void(0)" id="sub-title">{$post.category.name}</a>
            </div>
            <ul class="list-inline detail-title" id="detail-title">
                {volist name="postMenus" id="vo"}
                <li class="{if condition='$vo.id eq $post.category_id'}current{/if}">
                    <a href="/post/{$vo.id}">{$vo.name}</a>
                </li>
                {/volist}
                <span id="subline"></span>
            </ul>
        </div>
    </div>
</section>
<section class="main">
    <div class="container">
        <div class="row">
            <div class="reset-col-sm-9 col-xs-12 reset-block clearfix">
                <div class="cur-date lf">
                    <h3>{$post.create_time|date="d",###}</h3>
                    <p>{$post.create_time|date="Y-m",###}</p>
                </div>
                <div class="cur-content lf">
                    <h3>{$post.title}</h3>
                    <p class="author">发布者：{$post.author}</p>
                    <div class="news-content">
                        {$post.content}
                    </div>
                </div>
            </div>
            <div class="reset-col-sm-3 col-xs-12">
                <div class="row">
                    <div class="col-md-12 col-xs-6">
                        <div class="reset-img-box">
                            <img class="img-responsive center-block" src="/assets/img/side-bg01.png">
                            <a href="javascript:void(0)" class="reset-label text-center">代建管理项目</a>
                        </div>
                    </div>
                    <div class="col-md-12 col-xs-6">
                        <div class="reset-img-box">
                            <img class="img-responsive center-block" src="/assets/img/side-bg02.png">
                            <a href="javascript:void(0)" class="reset-label text-center">酒店管理项目</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{/block}
